Skip to Content

描述

  • 基于 Promise 的 HTTP 同构客户端，适用于浏览器和 node.js

功能

  • 发送http请求进行数据交流

实现

发送请求

  • axios中可以使用create创建实例并配置请求的基本信息config以便于复用
  • 一个请求中只要url是必须的,如果未指定 method，请求将默认为 GET
  • 常见的请求配置有: url, method, baseURL, headers, params, data, timeout
  • 常见的请求API有: post, delete, put, get
const config = {
	baseURL: 'http://localhost:5173',
	timeout: 5000,
	headers: {  
	    'Content-Type': 'application/json',  
	    'token': localStorage.getItem('token')
	}
}
const HTTP = axios.create(config)
 
const getRes = HTTP.get('/item/detail?product_id=${route.params.id}',)
const deleteRes = HTTP.delete('/item/detail?product_id=${route.params.id}')
const postRes = HTTP.post('/item/detail',{
	userId: userId,
	userName: userName
})
const putRes = HTTP.put('/item/detail',{
	userId: userId,
	userName: userName
})

返回响应

  • axios发送请求后返回一个 Promise 对象, 这个 Promise 对象在请求成功时会被解析, 或者在请求失败时被拒绝
{
	data: {}//服务器返回的数据
	state: 200//HTTP 状态码，表示请求的结果
	stateText: 'OK'//HTTP 状态信息，通常是状态码的文本描述，如 "OK" 对应 200 状态码
	headers: {}//响应头对象，包含服务器返回的所有响应头
	config: {}//发送请求时使用的配置信息
}
Last updated on
Map